<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="format-detection" content="telephone=no" />
     <title>人人梦</title>
  <link rel="stylesheet" href="css/bootstrap.min.css"/>
  <link rel="stylesheet" href="css/swiper.min.css"/>
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/headfoot.css">
  <link rel="stylesheet" href="css/second.css">
  <script src="js/jquery-1.11.3.min.js"></script>
  <script src="js/swiper-3.4.2.min.js"></script>
  <!--[if lt IE 9]>
  <script src="js/html5shiv.min.js"></script>
  <script src="js/respond.min.js"></script>
  <![endif]-->
  <script src="js/bootstrap.min.js" defer></script>
 </head>
 <body>
 <!-- 导航部分-->
   <div class="navs">
    <script>
      $(".navs").load("heads.html");
    </script>
   </div>
   <!--banner部分-->
 <div class="huibg">
     <div class="main-md">
         <div class="se_tit">
             <span>北京运动健身 &nbsp; ></span> <span>健身中心  &nbsp; ></span><span>海淀区   &nbsp; ></span>
             <span>人民大学   &nbsp; ></span>
             <span>拓然胜健身工作室 &nbsp;</span>
         </div>
         <!--筛选详情轮播-->
         <div class="sx">
             <ul class="sx-list">
                 <li>
                     <span>分类：</span>
                     <div class="sx-con">
                         <a class="on" href="javascript:;">不限</a>
                         <a href="javascript:;">健身中心</a>
                         <a href="javascript:;">球类运动</a>
                         <a href="javascript:;">游泳馆</a>
                         <a href="javascript:;">漂流</a>
                         <a href="javascript:;">滑雪</a>
                         <a href="javascript:;">羽毛球馆</a>
                         <a href="javascript:;">台球馆</a>
                         <a href="javascript:;">体育场馆</a>
                         <a href="javascript:;">篮球场</a>
                         <a href="javascript:;">保龄球馆</a>
                         <a href="javascript:;">高尔夫场</a>
                         <a href="javascript:;">足球场</a>
                         <a href="javascript:;">网球场</a>
                         <a href="javascript:;">乒乓球馆</a>
                         <a href="javascript:;">马术场</a>
                         <a href="javascript:;">射箭馆</a>
                     </div>
                 </li>
                 <li>
                     <span>地点：</span>
                     <div class="sx-con sx-xia">
                         <a class="on" href="javascript:;">不限</a>
                         <a href="javascript:;">国贸 </a>
                         <a href="javascript:;">三里屯</a>
                         <a href="javascript:;">南锣鼓巷/鼓...</a>
                         <a href="javascript:;">王府井/东单</a>
                         <a href="javascript:;">五道口</a>
                         <a href="javascript:;">亚运村</a>
                         <a href="javascript:;">远大路</a>
                         <a href="javascript:;">望京</a>
                         <a href="javascript:;">大望路</a>
                         <a href="javascript:;">航天桥</a>
                         <a href="javascript:;">朝外大街</a>
                         <a href="javascript:;">亮马桥/三元桥</a>
                     </div>
                     <div class="sx-choose">
                         <div class="active"></div>
                         <div>
                             <a class="on" href="javascript:;">不限</a>
                             <a href="javascript:;">面包房</a>
                             <a href="javascript:;">火锅店</a>
                             <a href="javascript:;">自助餐厅</a>
                             <a href="javascript:;">甜品店</a>
                             <a href="javascript:;">小吃快餐店</a>
                             <a href="javascript:;">面包房</a>
                             <a href="javascript:;">火锅店</a>
                             <a href="javascript:;">自助餐厅</a>
                             <a href="javascript:;">甜品店</a>
                             <a href="javascript:;">小吃快餐店</a>
                             <a href="javascript:;">面包房</a>
                             <a href="javascript:;">火锅店</a>
                             <a href="javascript:;">自助餐厅</a>
                             <a href="javascript:;">甜品店</a>
                             <a href="javascript:;">小吃快餐店</a>
                             <a href="javascript:;">面包房</a>
                             <a href="javascript:;">火锅店</a>
                             <a href="javascript:;">自助餐厅</a>
                             <a href="javascript:;">甜品店</a>
                             <a href="javascript:;">小吃快餐店</a>
                             <a href="javascript:;">面包房</a>
                             <a href="javascript:;">火锅店</a>
                             <a href="javascript:;">自助餐厅</a>
                             <a href="javascript:;">甜品店</a>
                             <a href="javascript:;">小吃快餐店</a>
                         </div>
                         <div>
                             <a class="on" href="javascript:;">不限</a>
                             <a href="javascript:;">分类3子类</a>
                         </div>
                         <div>
                             <a class="on" href="javascript:;">不限</a>
                             <a href="javascript:;">分类4子类</a>
                         </div>
                         <div>
                             <a class="on" href="javascript:;">不限</a>
                             <a href="javascript:;">分类5子类</a>
                         </div>
                         <div>
                             <a class="on" href="javascript:;">不限</a>
                             <a href="javascript:;">分类6子类</a>
                         </div>
                         <div>
                             <a class="on" href="javascript:;">不限</a>
                             <a href="javascript:;">分类7子类</a>
                         </div>
                         <div>
                             <a class="on" href="javascript:;">不限</a>
                             <a href="javascript:;">分类8子类</a>
                         </div>
                         <div>
                             <a class="on" href="javascript:;">不限</a>
                             <a href="javascript:;">分类9子类</a>
                         </div>
                         <div>
                             <a class="on" href="javascript:;">不限</a>
                             <a href="javascript:;">分类10子类</a>
                         </div>
                         <div>
                             <a class="on" href="javascript:;">不限</a>
                             <a href="javascript:;">分类11子类</a>
                         </div>
                     </div>
                 </li>
                 <li>
                     <span>行政区：</span>
                     <div class="sx-con">
                         <a class="on" href="javascript:;">不限</a>
                         <a href="javascript:;">朝阳</a>
                         <a href="javascript:;">海淀</a>
                         <a href="javascript:;">东城</a>
                         <a href="javascript:;">西城</a>
                         <a href="javascript:;">丰台</a>
                         <a href="javascript:;">石景山</a>
                         <a href="javascript:;">大兴</a>
                         <a href="javascript:;">昌平</a>
                         <a href="javascript:;">顺义</a>
                         <a href="javascript:;">怀柔</a>
                         <a href="javascript:;">密云</a>
                         <a href="javascript:;">平谷</a>
                         <a href="javascript:;">通州</a>
                         <a href="javascript:;">房山</a>
                         <a href="javascript:;">门头沟</a>
                         <a href="javascript:;">延庆</a>
                     </div>
                 </li>
             </ul>
         </div>
        <!-- 网友点评-->
         <div class="wang">
             <div class="wang_lf">
                 <div class="show_list">
                     <h1>  全部</h1>
                     <ul>
                         <li>
                             <div class="show_img"><a href="#"><img src="images/second/show-1.jpg" alt=""/></a> </div>
                             <div class="show_text">
                                 <div class="fen_rt rt">
                                     分享 <a href="#" class="iconfont icon-fenxiang"> </a>
                                     收藏 <a href="#" class="iconfont icon-xingji-b-copy"> </a>
                                 </div>
                                  <h3>ONE MORE私教健身工作室</h3>

                                 <a href="#">
                                     <div class="icon-list">
                                         <i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i> <span> 62 条点评</span>
                                     </div>
                                     <b class="rt preice"> ¥312 <u>人均</u> </b>
                                     <p>  <span>健身中心</span> 五棵松  阜成路115号北京印象1号楼1单元620室</p>
                                 </a>

                             </div>
                             <div class="both"></div>
                       </li>
                         <li>
                             <div class="show_img"><a href="#"><img src="images/second/show-1.jpg" alt=""/></a> </div>
                             <div class="show_text">
                                 <div class="fen_rt rt">
                                     分享 <a href="#" class="iconfont icon-fenxiang"> </a>
                                     收藏 <a href="#" class="iconfont icon-xingji-b-copy"> </a>
                                 </div>
                                 <h3>ONE MORE私教健身工作室</h3>

                                 <a href="#">
                                     <div class="icon-list">
                                         <i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i> <span> 62 条点评</span>
                                     </div>
                                     <b class="rt preice"> ¥312 <u>人均</u> </b>
                                     <p>  <span>健身中心</span> 五棵松  阜成路115号北京印象1号楼1单元620室</p>
                                 </a>

                             </div>
                             <div class="both"></div>
                         </li>
                         <li>
                             <div class="show_img"><a href="#"><img src="images/second/show-1.jpg" alt=""/></a> </div>
                             <div class="show_text">
                                 <div class="fen_rt rt">
                                     分享 <a href="#" class="iconfont icon-fenxiang"> </a>
                                     收藏 <a href="#" class="iconfont icon-xingji-b-copy"> </a>
                                 </div>
                                 <h3>ONE MORE私教健身工作室</h3>

                                 <a href="#">
                                     <div class="icon-list">
                                         <i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i> <span> 62 条点评</span>
                                     </div>
                                     <b class="rt preice"> ¥312 <u>人均</u> </b>
                                     <p>  <span>健身中心</span> 五棵松  阜成路115号北京印象1号楼1单元620室</p>
                                 </a>

                             </div>
                             <div class="both"></div>
                         </li>
                         <li>
                             <div class="show_img"><a href="#"><img src="images/second/show-1.jpg" alt=""/></a> </div>
                             <div class="show_text">
                                 <div class="fen_rt rt">
                                     分享 <a href="#" class="iconfont icon-fenxiang"> </a>
                                     收藏 <a href="#" class="iconfont icon-xingji-b-copy"> </a>
                                 </div>
                                 <h3>ONE MORE私教健身工作室</h3>

                                 <a href="#">
                                     <div class="icon-list">
                                         <i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i> <span> 62 条点评</span>
                                     </div>
                                     <b class="rt preice"> ¥312 <u>人均</u> </b>
                                     <p>  <span>健身中心</span> 五棵松  阜成路115号北京印象1号楼1单元620室</p>
                                 </a>

                             </div>
                             <div class="both"></div>
                         </li>

                     </ul>
                     <div>
                         <div class="mypage  ph_dis">
                             <a href="#">上一页</a>
                             <a href="#" class="linking">1</a>
                             <a href="#" class="unlink">2</a>
                             <a href="#" class="unlink">3</a>
                             <a href="#" class="unlink">4</a>
                             <a href="#">下一页</a>
                         </div>
                         <div class="mypage  pc_dis">
                             <a href="#">&lt;</a>
                             1/10
                             <a href="#">&gt;</a>
                         </div>
                     </div>
                 </div>
             </div>
             <div class="wang_rt">
                <div class="like">
                    <div class="like_cont">
                        <h3> 你可能会喜欢 </h3>
                        <ul>
                            <li><a href="#">
                               <div class="like_img">
                                   <img src="images/second/link-1.jpg" alt=""/>
                               </div>
                                <div class="like_text">
                                    <h4>彪侠健身俱乐部</h4>
                                    <i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i>
                               <p>国贸 <span class="rt">人均 ¥239</span>  </p>
                                </div>
                            </a></li>
                            <li><a href="#">
                                <div class="like_img">
                                    <img src="images/second/link-1.jpg" alt=""/>
                                </div>
                                <div class="like_text">
                                    <h4>彪侠健身俱乐部</h4>
                                    <i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i>
                                    <p>国贸 <span class="rt">人均 ¥239</span>  </p>
                                </div>
                            </a></li>
                            <li><a href="#">
                                <div class="like_img">
                                    <img src="images/second/link-1.jpg" alt=""/>
                                </div>
                                <div class="like_text">
                                    <h4>彪侠健身俱乐部</h4>
                                    <i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i>
                                    <p>国贸 <span class="rt">人均 ¥239</span>  </p>
                                </div>
                            </a></li>
                            <li><a href="#">
                                <div class="like_img">
                                    <img src="images/second/link-1.jpg" alt=""/>
                                </div>
                                <div class="like_text">
                                    <h4>彪侠健身俱乐部</h4>
                                    <i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i><i class="iconfont icon-xingji3"></i>
                                    <p>国贸 <span class="rt">人均 ¥239</span>  </p>
                                </div>
                            </a></li>
                        </ul>
                    </div>
                </div>
             </div>
             <div class="both"></div>
         </div>

     </div>
 </div>
    <!--页面底部-->
   <div class="foots">
    <script>
     $(".foots").load("foot.html");
    </script>
   </div>
  <script>
      $(function(){
//          评论展开
          $(".zhan_show").click(function(){
              $(this).siblings("p").css("height","auto")
          })
          //图片选项卡，产品展示
          $('.ny_c1_left_top').find('img').attr('src',$('.ny_c1_left_bottom_box ul li').find('img').attr('src'));
          $('.ny_c1_left_bottom_box ul li').mouseenter(function(){
              var this_src = $(this).find('img').attr('src');
              $('.ny_c1_left_top').find('img').attr('src',this_src);
          });
          var li_length = $('.ny_c1_left_bottom_box ul li').length;
          var li_width = $('.ny_c1_left_bottom_box ul li').outerWidth(true);
          var i=0;
          var px=0;
          $('.ny_c1_left_bottom_box ul').width(li_width*li_length);
          $('.ny_c1_pre').click(function(){
              if(i<=0){i=0}else{
                  i--;
              }
              px=-(li_width*i);
              d();
          });
          $('.ny_c1_next').click(function(){
              if(i<li_length-5){
                  i++;
              }else{i=li_length-5}
              px=-(li_width*i);
              d();
          });
          function d(){
              $('.ny_c1_left_bottom_box ul').animate({'left':px},200);
          }
      });
      $(function(){
          var pro = new Swiper('#pro', {
              autoplay: 4000,
              speed:1000,
              //effect : "fade",
              fade: {
                  crossFade: true
              },
              loop: true,
              lazyLoading: true,
              // 如果需要分页器
              pagination: '.swiper-pagination',
              paginationClickable: true
          });
          //收藏
          $('.pro-box .p-sc span').on('click',function(){
              if($(this).attr('class')!='rt active'){
                  $(this).children('i').attr('class','glyphicon glyphicon-star');
                  $(this).addClass('active');
              }else{
                  $(this).children('i').attr('class','glyphicon glyphicon-star-empty');
                  $(this).removeClass('active');
              }
          });
          //查看详细地址
          $('.pro-box .p-dt a').on('click',function(){
              $(this).parent().children('b').css('display','none');
              $(this).parent().children('u').css('display','inline-block');
              $(this).css('display','none');
              $('.pro-btn').css('margin-top','30px');
          });
          //查看联系电话
          $('.pro-btn a').on('click',function(){
              var x=$(this).attr('data-num');
              $(this).children('b').text(x);
          });
          //配套设施选项卡
          $('.ss-list li').on('click',function(){
              var n=$(this).index();
              $(this).addClass('active')
                      .siblings().removeClass('active');
              $('.ss-box>div').removeClass('active');
              $('.ss-box>div').eq(n).addClass('active');
          });

      })
  </script>
 </body>
</html>
